<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础</title>
    <style>

    </style>
</head>
<body>
    <div>

        

    </div>

    <script>
        // 单行注释  ctrl + /

        /* 
            多行注释  alt + shift + a 
        */

        // http  //协议   默认  80
        // https  //加密协议  s 加密  默认  443

        console.log('111')   //输出到控制台
        //输出到页面
        document.write('好好学习，天天向上<br/>');
        document.write('good good study, day day up');

        //代码从上到下执行

        //获取页面dom元素
        var btn = document.querySelector('#btn');
        var img = document.querySelector('#img');

        onclick  //点击事件

        this  //指向

        // if()  //if 为判断  括号里为判断值

        // 1.前端编程的概述
        // HTML、CSS、JavaScript是前端开发的三大核心
        // HTML和CSS是静态前端的基础
        // JavaScript是动态前端的应用开发的核心；从交互的角度来看，是提升用户体验前端技术的标准
        // 前端技术构成：
        // 当掌握以上基本开发技能后，会逐渐开始接触JavaScript大型应用开发等；
        // 会接触到很多的前端框架，例如：Vue.js  Angular.js  React.js等；
        // 但是万变不离其中，基础是关键。
        // 甚至会接触到一些后端语言，比如PHP Java Node.js

        // 2.前端页面的组成
        // 分成：结构层、表示层、行为层
        
        // 结构层（structural layer）
        //     由HTML或XHTML之类的标记语言负责创建标签，对网页内容的语以含义做出描述，但这些标签不包含任何
        //     关于如何显示有关内容的信息。
            
        // 表示层（presentation layer）
        //     由CSS负责创建。CSS定义了“如何显示有关内容”。
        
        // 行为层（behavior layer）
        //     负责“内容如何对事件做出反应”这一问题。这个是JavaScript语言和DOM主宰的领域。
        
        // 结构：html，从语义的角度，描述页面结构
        // 样式：css，从审美的角度，美化界面样式
        // 行为：JavaScript，从交互的角度，提升用户体验前端技术标准；是动态前端开发的应用核心
        
        // 1.常见的开发工具
        //     Sublime; VScode; HBuilder; WebStorm; IDEA等；

        // 2.JavaScript概述
		// JavaScript是Web开发人员必须学习和掌握的3门语言中的一门；
		// HTML 定义了网页的内容；
		// CSS 描述了网页的布局；
		// JavaScript 网页的行为
		
		// 什么是JavaScript？
		// 	<button tyle="button" onclick="alert('JavaScript是web的编程语言!');alert('所有现代的HTML页面都使用JavaScript!');alert('JavaScript 是脚本语言；');alert('JavaScript 是一种轻量级的编程语言；');alert('JavaScript 是可插入HTML页面的编程代码；');">点击查看</button>
        
        // 3.JavaScript和ECMA
		// JavaScript 诞生于1995年，由Netscape（网景）公司的“布兰登·艾奇（Brendan Eich，1961年～）”，其被尊为“JavaScript之父”。
		// 起初JavaScript的主要目的是处理一些表单验证，而这些工作以前都是由服务器端负责的。
		// 因为“很久很久以前”，那蜗牛一般的网速环境下，若等个几十秒却返回错误提示时，
		// 相当抓狂，因此客户端JavaScript脚本语言应运而生。
		
		// JavaScript的前身叫“LiveScript”，而后来Netscape与Sun达成开发联盟，
		// 为了沾上Java的风头，临时改名为JavaScript，所以实际上JavaScript和Java压根没有半毛钱关系。
		// 而后来，出现了3个不同版本的JavaScript：
		// IE 的 JScript
		// 网景的 JavaScript 
		// ScriptEase 中的 CEnvi
		
		// 而随时间推进，问题越来越多，1997年，
		// 以 JavaScript1.1 为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA，European Computer Manufactures Association ）进行标准化，
		// 这个标准称为ECMA-262，而符合这个标准的语言称为ECMAScript。
		
		// JavaScript和ECMAScript通常被人看作相同的意思，
		// 实际上JavaScript所包含的内容比ECMAScript要多太多，JavaScript包含以下3个方面：
		// 	核心语言（ECMAScript）
		// 	文档对象模型（DOM）
		// 	浏览器对象模型（BOM）
		
		// ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。
		// 它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
        
        
    </script>
</body>
</html>